<template>
    <div>
        <br/>
        <Table :data="tableData3" :columns="tableColumns3"></Table>
        <br/>
        <Row type="flex" justify="end">
            <Col span="12">
            <Page :total="100" show-elevator></Page>
            </Col>
        </Row>
    </div>
</template>

<script>
    export default {
        data () {
            return {
                tableData3: [
                    {
                        status: '拒绝审核原因：内容含网址 （系统24小时后自动删除）',
                        title: '贵州温室大棚厂家',
                        number: '248',
                        column: '公司动态',
                        date: '2016-10-03 09:45',
                    },
                    {
                        status: '拒绝审核原因：内容含网址 （系统24小时后自动删除）',
                        title: '贵州温室大棚厂家',
                        number: '248',
                        column: '建筑、建材',
                        date: '2016-10-03 09:45',
                    },
                    {
                        status: '拒绝审核原因：内容含网址 （系统24小时后自动删除）',
                        title: '贵州温室大棚厂家',
                        number: '248',
                        column: '公司动态',
                        date: '2016-10-03 09:45',
                    },
                    {
                        status: '拒绝审核原因：内容含网址 （系统24小时后自动删除）',
                        title: '贵州温室大棚厂家',
                        number: '248',
                        column: '公司动态',
                        date: '2016-10-03 09:45',
                    },
                ],
            }
        },
        computed: {
            tableColumns3 () {
                let columns = [];
                columns.push({
                    title: '状态',
                    key: 'status',
                    width: 350,
                });
                columns.push({
                    title: '标题',
                    key: 'title',
                });
                columns.push({
                    title: '内容总数',
                    key: 'number',
                    width: 100,
                });
                columns.push({
                    title: '栏目',
                    key: 'column',
                    sortable: true
                });
                columns.push({
                    title: '创建时间',
                    key: 'date',
                    sortable: true
                });
                columns.push({
                    title: '管理操作',
                    key: 'action',
                    align: 'left',
                    render: function (h, params) {
                        return h('div', [
                            h('Button', {
                                props: {
                                    type: 'success',
                                    size: 'small'
                                },
                                style: {
                                    marginRight: '12px'
                                },
                                on: {
                                    click: function () {
                                        alert(222)
                                    }
                                }
                            }, '通过'),
                            h('Button', {
                                props: {
                                    type: 'info',
                                    size: 'small'
                                },
                                on: {
                                    click: function () {
                                        alert(3333)
                                    }
                                }
                            }, '未通过')
                        ]);
                    }
                })
                return columns;
            }
        }
    }
</script>
